<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/paihangbang.css">
    <link rel="stylesheet" href="css/public.css">
    <script src="JS/public.js"></script>
</head>
<body>
<div class="ranking">
    <div class="ranking-l" id="box8">
        <a class="title-l" href="#">
        <h3>排行榜</h3>
        <i class="sprite1"></i>
        </a>
        <div class="ranking-l-title hd8">
            <ul class="title-r">
                <li>
                    <a class="title-r-one" href="#">女装</a>
                </li>
                <li>
                    <a href="#">工业经济</a>
                </li>
                <li>
                    <a href="#">海鲜水产</a>
                </li>
                <li>
                    <a href="#">中国哲学</a>
                </li>
                <li>
                    <a href="#">餐具套装</a>
                </li>
            </ul>
        </div>
        <div class="ranking-b bd8">
            <div class="bd8-one current8">
                <div class="ranking-b-l">
                    <a class="ranking-b-one" href="###">
                        <img src="images/nvzhuang4.webp" alt="">
                        <p>【时尚潮流】 2019新款秀禾服新娘敬酒服凤褂嫁衣中式旗袍礼中式婚纱裙刺绣款红 图片色 S</p>
                        <div class="tds">
                            <span class="tds-hots">热卖</span>
                            <span class="tds-top">TOP01</span>
                        </div>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        好物榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        折扣榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        店铺榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        热搜榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                </div>
                <div class="ranking-b-r">
                    <a class="ranking-b-r-one" href="###">
                        <div class="ranking-b-r-top2">
                            <span class="ranking-b-r-top2-top">TOP</span>
                            <span class="ranking-b-r-top2-num">02</span>
                        </div>
                        <img src="images/nvzhuang1.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-two" href="###">
                        <div class="ranking-b-r-top3">
                            <span class="ranking-b-r-top3-top">TOP</span>
                            <span class="ranking-b-r-top3-num">03</span>
                        </div>
                        <img src="images/nvzhuang2.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-three" href="###">
                        <div class="ranking-b-r-top4">
                            <span class="ranking-b-r-top4-top">TOP</span>
                            <span class="ranking-b-r-top4-num">04</span>
                        </div>
                        <img src="images/nvzhuang3.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                </div>
            </div>
            <div class="bd8-one">
                <div class="ranking-b-l">
                    <a class="ranking-b-one" href="###">
                        <img src="images/yinliao1.webp" alt="">
                        <p>【时尚潮流】 2019新款秀禾服新娘敬酒服凤褂嫁衣中式旗袍礼中式婚纱裙刺绣款红 图片色 S</p>
                        <div class="tds">
                            <span class="tds-hots">热卖</span>
                            <span class="tds-top">TOP01</span>
                        </div>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        好物榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        折扣榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        店铺榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        热搜榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                </div>
                <div class="ranking-b-r">
                    <a class="ranking-b-r-one" href="###">
                        <div class="ranking-b-r-top2">
                            <span class="ranking-b-r-top2-top">TOP</span>
                            <span class="ranking-b-r-top2-num">02</span>
                        </div>
                        <img src="images/yinliao2.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-two" href="###">
                        <div class="ranking-b-r-top3">
                            <span class="ranking-b-r-top3-top">TOP</span>
                            <span class="ranking-b-r-top3-num">03</span>
                        </div>
                        <img src="images/yinliao3.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-three" href="###">
                        <div class="ranking-b-r-top4">
                            <span class="ranking-b-r-top4-top">TOP</span>
                            <span class="ranking-b-r-top4-num">04</span>
                        </div>
                        <img src="images/yinliao4.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                </div>
            </div>
            <div class="bd8-one">
                <div class="ranking-b-l">
                    <a class="ranking-b-one" href="###">
                        <img src="images/nvzhuang4.webp" alt="">
                        <p>【时尚潮流】 2019新款秀禾服新娘敬酒服凤褂嫁衣中式旗袍礼中式婚纱裙刺绣款红 图片色 S</p>
                        <div class="tds">
                            <span class="tds-hots">热卖</span>
                            <span class="tds-top">TOP01</span>
                        </div>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        好物榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        折扣榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        店铺榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        热搜榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                </div>
                <div class="ranking-b-r">
                    <a class="ranking-b-r-one" href="###">
                        <div class="ranking-b-r-top2">
                            <span class="ranking-b-r-top2-top">TOP</span>
                            <span class="ranking-b-r-top2-num">02</span>
                        </div>
                        <img src="images/nvzhuang1.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-two" href="###">
                        <div class="ranking-b-r-top3">
                            <span class="ranking-b-r-top3-top">TOP</span>
                            <span class="ranking-b-r-top3-num">03</span>
                        </div>
                        <img src="images/nvzhuang2.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-three" href="###">
                        <div class="ranking-b-r-top4">
                            <span class="ranking-b-r-top4-top">TOP</span>
                            <span class="ranking-b-r-top4-num">04</span>
                        </div>
                        <img src="images/nvzhuang3.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                </div>
            </div>
            <div class="bd8-one">
                <div class="ranking-b-l">
                    <a class="ranking-b-one" href="###">
                        <img src="images/nvzhuang4.webp" alt="">
                        <p>【时尚潮流】 2019新款秀禾服新娘敬酒服凤褂嫁衣中式旗袍礼中式婚纱裙刺绣款红 图片色 S</p>
                        <div class="tds">
                            <span class="tds-hots">热卖</span>
                            <span class="tds-top">TOP01</span>
                        </div>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        好物榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        折扣榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        店铺榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        热搜榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                </div>
                <div class="ranking-b-r">
                    <a class="ranking-b-r-one" href="###">
                        <div class="ranking-b-r-top2">
                            <span class="ranking-b-r-top2-top">TOP</span>
                            <span class="ranking-b-r-top2-num">02</span>
                        </div>
                        <img src="images/nvzhuang1.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-two" href="###">
                        <div class="ranking-b-r-top3">
                            <span class="ranking-b-r-top3-top">TOP</span>
                            <span class="ranking-b-r-top3-num">03</span>
                        </div>
                        <img src="images/nvzhuang2.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-three" href="###">
                        <div class="ranking-b-r-top4">
                            <span class="ranking-b-r-top4-top">TOP</span>
                            <span class="ranking-b-r-top4-num">04</span>
                        </div>
                        <img src="images/nvzhuang3.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                </div>
            </div>
            <div class="bd8-one">
                <div class="ranking-b-l">
                    <a class="ranking-b-one" href="###">
                        <img src="images/nvzhuang4.webp" alt="">
                        <p>【时尚潮流】 2019新款秀禾服新娘敬酒服凤褂嫁衣中式旗袍礼中式婚纱裙刺绣款红 图片色 S</p>
                        <div class="tds">
                            <span class="tds-hots">热卖</span>
                            <span class="tds-top">TOP01</span>
                        </div>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        好物榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        折扣榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two ranking-b-three" href="###">
                        店铺榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                    <a class="ranking-b-two" href="###">
                        热搜榜
                        <i class="ranking-b-two-sprite"></i>
                    </a>
                </div>
                <div class="ranking-b-r">
                    <a class="ranking-b-r-one" href="###">
                        <div class="ranking-b-r-top2">
                            <span class="ranking-b-r-top2-top">TOP</span>
                            <span class="ranking-b-r-top2-num">02</span>
                        </div>
                        <img src="images/nvzhuang1.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-two" href="###">
                        <div class="ranking-b-r-top3">
                            <span class="ranking-b-r-top3-top">TOP</span>
                            <span class="ranking-b-r-top3-num">03</span>
                        </div>
                        <img src="images/nvzhuang2.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                    <a class="ranking-b-r-three" href="###">
                        <div class="ranking-b-r-top4">
                            <span class="ranking-b-r-top4-top">TOP</span>
                            <span class="ranking-b-r-top4-num">04</span>
                        </div>
                        <img src="images/nvzhuang3.webp" alt="">
                        <span class="content">【时尚潮流】 宴会晚礼服女2019新款高贵气质名媛黑色中裙款包臀连衣裙主持人冬 黑色 定做+20元不退换</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="ranking-r">
        <div class="ranking-r-title">
            <a class="title-r" href="#">
                <h3>品牌闪购</h3>
                <i class="sprite1"></i>
            </a>
        </div>
        <div class="ranking-r-b">
            <a class="ranking-r-b-pp" href="###">
                <img class="hp-logo" src="images/hp.png" alt="">
                <h6>惠普电脑专场</h6>
                <div class="core-desc">
                    <span class="core-desc-promo">低至2049元</span>
                    <span class="core-desc-extra">
                        <span>仅剩</span>
                        <span class="core-desc-time">07:31:46</span>
                    </span>
                </div>
                <img class="core-goods" src="images/hp-computer.jpg" alt="">
            </a>
            <div class="ranking-r-b-special">
                <a class="ranking-r-b-special-rule" href="###">
                    <img src="images/huawei.png" alt="">
                    <span>华为手机专场</span>
                </a>
                <a href="###">
                    <img src="images/apple.png" alt="">
                    <span>苹果手机专场</span>
                </a>
                <a class="ranking-r-b-special-rule" href="###">
                    <img src="images/vivo.png" alt="">
                    <span>vivo手机专场</span>
                </a>
                <a href="###">
                    <img src="images/nike.png" alt="">
                    <span>nike运动专场</span>
                </a>
                <a class="ranking-r-b-special-rule" href="###">
                    <img src="images/adidasi.png" alt="">
                    <span>阿迪达斯运动专场</span>
                </a>
                <a href="###">
                    <img src="images/lining.png" alt="">
                    <span>李宁运动专场</span>
                </a>
            </div>
        </div>
    </div>
</div>
    <script>
        var box8 = my$("box8");
        var hd8 = box8.children[1];
        var bd8 = box8.children[2];
        var list8 = hd8.children[0].children;
        var divObj8 = bd8.children;
        for (var i = 0;i < list8.length;i++){
            list8[i].setAttribute("index",i);
            list8[i].onmouseover = function(){
                for (var j = 0;j < list8.length;j++){
                    list8[j].children[0].removeAttribute("class");
                }
                this.children[0].className = "title-r-one";
                var index8 = this.getAttribute("index");
                for (var k = 0;k < divObj8.length;k++){
                    divObj8[k].removeAttribute("class");
                }
                divObj8[index8].className = "bd8-one current8";
            };
        }
    </script>
</body>
</html>